@CHARSET "UTF-8";
#subjects {height:650px; background-color:#e0e2e4;}
.g-wrap {position:relative; margin:0 auto; width:100%; height:100%; overflow:hidden;}
#subjects .g-wrap a {position:absolute; top:0; left:100%; width:100%; height:100%; overflow:hidden; -webkit-opacity:1; opacity:1; display:block\9;-moz-transition: all .8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;transition: all .8s ease-in-out;}
#subjects .g-wrap .item-1 {z-index:1;}
#subjects .g-wrap .item-2 {z-index:2;}
#subjects .g-wrap .item-3 {z-index:3;}
#subjects .g-wrap a span {position:absolute; background:no-repeat 0 0;}
/*nr con*/
#subjects .g-wrap a .con{position: absolute;bottom:43px;left: 0;width: 100%;height:75px;z-index: 2;display: block;margin: 9% 50px 0;transition: bottom .3s;}
#subjects .g-wrap a .con:after{ content:""; width:100%; position:absolute; bottom:0; left:0; background:#ccc; height:2px;opacity: 0.5;filter: alpha(opacity=50);}
#subjects .g-wrap a .bg{width: 100%;position: absolute;top: 0;left: 0;height: 100%;background: #000;z-index: 1;opacity: 0.2;filter: alpha(opacity=40);-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
#subjects .g-wrap a .font-bg{width: 100%;position: absolute;top: 0;left: 0;height: 100%;z-index: 1;}
#subjects .g-wrap a .tit{ display:inline-block;font-size:22px;color: #fff;line-height: 25px;color: #fff;margin-top:30px;}
#subjects .g-wrap a .en{ display:inline-block;font-size: 12px;color: #fff;opacity: .6;filter: alpha(opacity=60); position:relative;vertical-align:bottom;margin-left:10px;margin-top:30px; text-transform:uppercase;}
#subjects .g-wrap a:hover .bg{opacity:0.2;filter: alpha(opacity=20);}
/*#subjects*/
#subjects .trans a {-webkit-opacity:0; opacity:0; display:none\9;}


/* 逐个出现 */
#subjects .ready .item-2 {transition-delay:150ms; -webkit-transition-delay:150ms; -ms-transition-delay:150ms; -moz-transition-delay:150ms;}
#subjects .ready .item-3 {transition-delay:150ms; -webkit-transition-delay:300ms; -ms-transition-delay:300ms; -moz-transition-delay:300ms;}

/* 没有指向 */
#subjects .state-0 .item-1 {left:0;}
#subjects .state-0 .item-2 {left:33.3%;}
#subjects .state-0 .item-3 {left:66.6%;}
/* 指向第一个 */
#subjects .state-1 .item-1 {left:0;}
#subjects .state-1 .item-2 {left:60%;}
#subjects .state-1 .item-3 {left:80%;}
/* 指向第二个 */
#subjects .state-2 .item-1 {left:0;}
#subjects .state-2 .item-2 {left:20%;}
#subjects .state-2 .item-3 {left:80%;}
/* 指向第三个 */
#subjects .state-3 .item-1 {left:0;}
#subjects .state-3 .item-2 {left:20%;}
#subjects .state-3 .item-3 {left:40%;}
/* 滑块 end */